@include("/common/_html_start.html", {title: '联系我们'}){}

@include("/common/_header.html"){}


<section id="contact-info">
	<div class="center">
		<h2>联系我</h2>
		<p class="lead"></p>
	</div>
	<div class="gmap-area">
		<div class="container">
			<div class="row">
				<div class="col-sm-5 text-center">
					<div class="gmap">
						<iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=""></iframe>
					</div>
				</div>

				<div class="col-sm-7 map-content">
					<ul class="row">
						<li class="col-sm-6">
							<address>
								<h5>联系方式</h5>

								<p>微信：wanghonghui1009</p>
								<p>邮箱：wanghonghui\@aliyun.com</p>
								<p>邮箱：wanghonghui1009\@gmail.com</p>

							</address>
						</li>



					</ul>
				</div>
			</div>
		</div>
	</div>
</section>  <!--/gmap_area -->

<section id="contact-page">
	<div class="container">
		<div class="center">
			<h2>留下您的信息</h2>
			<p class="lead"></p>
		</div>
		<div class="row contact-wrap">
			<div class="status alert alert-success" style="display:none"></div>
			<form id="contact-form" method="post" action="/addContact">
				<div class="col-sm-5 col-sm-offset-1">
					<div class="form-group">
						<label>姓名 <span style="color:red">*</span></label>
						<input type="text" id="name" name="name" class="form-control" maxlength="50" value="${contact.name!}" required="required">
					</div>
					<div class="form-group">
						<label>邮箱 <span style="color:red">*</span></label>
						<input type="email" id="email" name="email" class="form-control" maxlength="200" value="${contact.email!}" required="required">
					</div>
					<div class="form-group">
						<label>电话</label>
						<input type="number" maxlength="11" id="phone" name="phone" value="${contact.phone!}" class="form-control">
					</div>
				</div>
				<div class="col-sm-5">
					<div class="form-group">
						<label>对我说 <span style="color:red">*</span></label>
						<textarea name="message" id="message" required="required" class="form-control" rows="8">${contact.message!}</textarea>
					</div>
					<div class="form-group">
						<button type="submit" class="btn btn-primary btn-lg">提交</button>
					</div>
				</div>
			</form>
		</div><!--/.row-->
	</div><!--/.container-->
</section><!--/#contact-page-->


@include("/common/_bottom.html"){}
@include("/common/_footer.html"){}
@include("/common/_html_common_js.html"){}
<script src="${ctxPath}/js/jquery.form.js"></script>
<script>

	$(function () {
		$("#contact-form").ajaxForm(function (data) {
			$(".status").show();
			$(".status").html(data.message);
			if(data.state){
				$(".status").removeClass("alert-danger");
				$(".status").addClass("alert-success");
				$("button[type=submit]").hide();
			} else {
				$(".status").removeClass("alert-success");
				$(".status").addClass("alert-danger");
			}
		});
	})
</script>

@include("/common/_html_end.html"){}